@media screen and (min-width: 750px) {
  html {
    font-size: 75px !important;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 32px !important;
  }
}
body {
  background-color: #f9f9f9;
  margin: auto;
}
header {
  width: 10rem;
  height: 1.28rem;
  background-image: linear-gradient(180deg, #f24c59 0%, #f28c4c 100%);
}
header ul {
  width: 5.8rem;
  display: flex;
  justify-content: space-between;
}
header ul li:nth-child(1) {
  margin-left: 0.4267rem;
}
header ul li:nth-child(1) img {
  width: 0.2855rem;
  height: 0.5177rem;
  margin-top: 0.2931rem;
}
header ul li:nth-child(2) {
  margin-top: 0.2667rem;
  display: flex;
  justify-content: center;
  font-weight: 600;
}
header ul li:nth-child(2) > span {
  color: #ffffff;
  font-size: 0.5333rem;
  line-height: 0.5067rem;
}
.top {
  width: 9.1733rem;
  margin: auto;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0 0.16rem rgba(123, 123, 123, 0.16);
}
.top i {
  margin-left: 0.4rem;
  display: flex;
  align-items: center;
}
.top i img {
  width: 0.32rem;
  height: 0.4141rem;
  margin-top: 0.04rem;
}
.top i span {
  margin-left: 0.1333rem;
  color: #494955;
  font-size: 0.3733rem;
}
.top > p {
  margin-top: 0.16rem;
  font-weight: 600;
  margin-left: 0.4rem;
  color: #202020;
  font-size: 0.4267rem;
}
.top .p2 {
  margin-top: 0.5333rem;
  color: #494955;
  font-size: 0.3733rem;
}
.top img {
  width: 9.1733rem;
  margin-top: 0.2667rem;
  margin-bottom: 0.0267rem;
}
.top #p3 {
  position: absolute;
  width: 0.1869rem;
  height: 0.3205rem;
  border-color: #cbcbcb;
  right: 0.2667rem;
  top: 1.0667rem;
}
.Staging {
  width: 9.1733rem;
  height: 7.2267rem;
  background-color: #ffffff;
  border-radius: 0.2667rem;
  box-shadow: 0 0 0.16rem rgba(123, 123, 123, 0.16);
  margin: auto;
  margin-top: 0.2667rem;
  margin-bottom: 0.2667rem;
}
.Staging ul {
  display: flex;
}
.Staging ul li {
  margin-top: 0.5333rem;
}
.Staging ul li img {
  margin-left: 0.4rem;
  width: 2.6667rem;
  height: 2.6667rem;
  background-color: #f4f4f4;
}
.Staging ul li:nth-child(2) p:nth-child(1) {
  font-weight: 600;
  color: #202020;
  font-size: 0.4267rem;
}
.Staging ul li:nth-child(2) p:nth-child(2) {
  margin-top: 0.1067rem;
  font-weight: 600;
  color: #fd444c;
  font-size: 0.32rem;
  line-height: 0.4533rem;
}
.Staging ul li:nth-child(2) img {
  margin-top: 0.4267rem;
  width: 1.8933rem;
  height: 0.5333rem;
  margin-left: 0px;
}
.Staging .Staging_1 {
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
}
.Staging .Staging_1 span:nth-child(1) {
  margin-left: 0.4rem;
  color: #202020;
  font-size: 0.3733rem;
  font-weight: 600;
}
.Staging .Staging_1 span:nth-child(2) {
  color: #494955;
  font-size: 0.3733rem;
  margin-right: 0.5333rem;
}
.Staging .Staging_2 {
  width: 8.2933rem;
  height: 1.0933rem;
  background-color: #f4f4f4;
  border-radius: 0.24rem;
  margin: auto;
  display: flex;
  margin-top: 0.5333rem;
}
.Staging .Staging_2 span {
  margin-top: 0.32rem;
  margin-left: 0.4533rem;
  width: 4.8533rem;
  height: 0.5333rem;
  font-family: PingFang SC;
  color: #b0b8c2;
  font-size: 0.3733rem;
}
.Staging .Staging_3 {
  display: flex;
  margin-top: 0.4rem;
  width: 4.7733rem;
}
.Staging .Staging_3 img {
  width: 0.3965rem;
  height: 0.4628rem;
  margin-left: 0.4035rem;
  margin-top: 0.0133rem;
}
.Staging .Staging_3 span {
  font-weight: 600;
  color: #202020;
  font-size: 0.3733rem;
  margin-left: 0.24rem;
  white-space: nowrap;
}
.boob {
  width: 9.1733rem;
  height: 3.8667rem;
  background-color: #ffffff;
  border-radius: 0.2667rem;
  box-shadow: 0 0 0.16rem rgba(123, 123, 123, 0.16);
  margin: auto;
  overflow: hidden;
}
.boob ul {
  margin-top: 0.5333rem;
}
.boob ul li {
  margin-left: 0.4rem;
  display: flex;
  margin-right: 0.9333rem;
  justify-content: space-between;
  margin-top: 0.4267rem;
}
.boob ul li span:nth-child(1) {
  font-weight: 600;
  color: #202020;
  font-size: 0.4267rem;
}
.boob ul li span:nth-child(2) {
  font-weight: 600;
  color: #202020;
  font-size: 0.4267rem;
}
.boob ul li:nth-child(3) i {
  display: flex;
}
.boob ul li:nth-child(3) i span {
  color: #6a6c6b;
  font-size: 0.4267rem;
  font-weight: normal;
}
.boob ul li:nth-child(3) i img {
  margin-left: 0.2667rem;
}
.boobt {
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: right;
  width: 10rem;
  height: 1.6rem;
  background-color: #ffffff;
  margin-top: 2rem;
  box-shadow: 0 0.0267rem 0s #e5e5e5 inset;
}
.boobt span:nth-child(1) {
  font-weight: 600;
  font-size: 0.48rem;
  line-height: 0.4533rem;
  margin-right: 0.2667rem;
  margin-top: 0.5333rem;
  color: #f23a3a;
}
.boobt span:nth-child(2) {
  width: 3.92rem;
  height: 1.3333rem;
  background-color: #ff6200;
  border-radius: 1.0667rem;
  margin-top: 0.1333rem;
  margin-right: 0.2667rem;
  text-align: center;
  line-height: 1.3333rem;
  color: #ffffff;
  font-size: 0.4267rem;
  font-weight: 600;
}
